<template>
  <div class="movie">
    <div>{{ name }}</div>
    <slot name="title"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

defineProps(['name'])
</script>

<style lang="scss" scoped>
.movie {
  width: 200px;
  min-height: 100px;
  background: #ededed;
  border: 2px solid #000;
}
</style>